<html>
<head>
<title>Calendar example</title>
<link rel="stylesheet" type="text/css" href="default.css" />
<script type="text/javascript" src="../src/main/js/loader.js"></script>
<script type="text/javascript">

	load('core.ui.Calendar');

	function init() {
		var c = new core.ui.Calendar();
		c.addChangeListener({
			onDateSelected : function(c) {
				document.getElementById('date').innerHTML = ('Selected date: ' + c.getFormattedDate());
			}
		});
		c.center();
		c.show();
	}
	
</script>
</head>

<body onload="init()">
<span id="date"></span>
</body>
</html>